<extend name="Base/common"/>

<block name="style">
    <link href="__CSS__/recharge.css" rel="stylesheet" type="text/css"/>
</block>
<block name="header">
    <include file="Public/_nav"/>
</block>
<block name="body">
    <div class="common-block">
        <section>
            <div class="row">
                <div class="col-xs-12">
                    <p>&nbsp;</p>

                    <h3 style="font-size: 16px;">{:L("_CAMI_")}</h3>
                    <hr class="oneuser-title-hr"/>
                </div>
            </div>
            <include file="_menu"/>
            <form action="{:U('excharge')}" method="post">
                <div style="margin-bottom: 30px">
                    <h3 style="font-size: 16px;font-weight: bold">{:L("_SELECT_THE_INPUT_CHARGE_CARD_PASSWORD_")}</h3>
                    <hr/>
                    <div>
                        <div class="row">
                            <div class="col-md-1">
                              {:L("_PREPAID_CARD_PASSWORD_WITH_SPACE_")}:
                            </div>
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label>
                                        <input type="text" class="form-control "
                                               onfocus="$('#other').prop('checked',true);$('#frm_amount').val(0)"
                                               style="display: inline-block;width: 100%" name="cdkey" value=""
                                               placeholder={:L("_ENTER_A_PREPAID_CARD_PASSWORD_WITH_DOUBLE_")}
                                               onblur="$('#frm_amount').val(parseFloat($(this).val()))"
                                                >
                                    </label>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div style="margin-bottom: 30px">
                    <div class="clearfix">
                        <button class="btn btn-primary pull-left" type="submit">{:L("_CONFIRMATION_EXCHANGE_")}</button>
                    </div>
                    </div>
            </form>
        </section>

    </div>

    <script>
        $(function () {
            $('[data-role="set_field"]').change(function () {
                $('#frm_field').val($(this).val());
            })

            $('[data-role="set_amount"]').change(function () {
                $('#frm_amount').val($(this).val());
            })
        })

    </script>
</block>

